<ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">


<p:panel id="pnlPrdDispo">

    <h:form id="form" prependId="false">
        
        <p:messages id="messages" showDetail="true" />        
            
        <p:dataTable id="tablaProductos" var="pro" value="#{carritoMB.productosDisponibles}"                     
                     paginator="true"
                     rows="20"
                     emptyMessage="No se encontraron productos"
                     widgetVar="listadoProductos">

            <p:column headerText="Codigo" style="width: 10px;" >
                <h:outputText value="#{pro.codigo}" id="codigo" style="width: 10px;"/>
            </p:column>

            <p:column  headerText="Descripcón"
                       filterBy="#{pro.descripcion}" filterMatchMode="contains" >
                <h:outputText value="#{pro.descripcion}" id="descripcion" />
            </p:column>
            <p:column style="width:5px" headerText="U.M">
                <h:outputText value="#{pro.unidadMedida}" />
            </p:column>

            <p:column style="width:20px" headerText="Pcio. Venta">
                <h:outputText value="#{pro.precioVenta*monedaMB.monedaSeleccionada.cotizacion}" id="preciovta" >
                        <f:convertNumber pattern=" ##,###.00" />
                </h:outputText>
            </p:column>

            <p:column style="width:20px" headerText="P. Vta. Pub.">

                <h:outputText value="#{pro.precioVenta*monedaMB.monedaSeleccionada.cotizacion}" id="preciovtap" >
                        <f:convertNumber pattern=" ##,###.00" />
                </h:outputText>
            </p:column>

            <p:column style="width:20px" headerText="Disp">
                <h:graphicImage value="/resources/imagenes/stock_alto.png" width="50" />
            </p:column>

            <p:column style="width:60px;">

                    <p:commandButton update="form messages display fSustitutos" oncomplete="PF('dlg_producto').show()"
                                     image="find16" title="Ver Detalle" >
                          <f:setPropertyActionListener value="#{pro}" target="#{carritoMB.productoSeleccionado}" />
                    </p:commandButton>

                    <p:commandButton  update="form messages informacionCarrito"
                                      image="add16"
                                      title="Agregar al carrito de compras"
                                      action="#{carritoMB.agregarCarrito}"
                                      rendered="#{not pro.seleccionado}">

                          <f:setPropertyActionListener value="#{pro}" target="#{carritoMB.productoSeleccionado}" />
                    </p:commandButton>

                    <p:commandButton  action="#{carritoMB.eliminarCarrito}"
                                      update="form messages informacionCarrito tablaProductos"
                                      image="delete16"
                                      title="Eliminar del carrito de compras"
                                      rendered="#{pro.seleccionado}">

                          <f:setPropertyActionListener value="#{pro}" target="#{carritoMB.productoSeleccionado}" />
                    </p:commandButton>
            </p:column>

        </p:dataTable>
    </h:form>

</p:panel>

<ui:include src="InformacionProducto.xhtml" />


<h:form prependId="false">
    <p:confirmDialog message="¿Esta seguro de eliminar #{carritoMB.productoSeleccionado.descripcion}?" width="300"
                 showEffect="explode" hideEffect="explode"
                 header="Confirmación" severity="alert" widgetVar="confirmacion">

        <p:commandButton value="Si, Eliminar Producto" update="tablaProductos,messages, informacionCarrito"
                         action="#{carritoMB.eliminarCarrito}" oncomplete="PF('confirmacion').hide()"/>
        <p:commandButton value="No, cancelar" onclick="PF('confirmacion').hide()" type="button"
                         update="tablaProductos,messages, informacionCarrito"/>

    </p:confirmDialog>
</h:form>


    
</ui:composition>
